/* CSS Document */
body {

    font-family: arial,verdana,sans-serif;      
    color:#333333;
    font-size:13px;
    margin: 0 auto; 
    background: #f5f5f5; 
}

#wrapper {
    /*   	margin: 0 auto; */
    position: relative;
    background:#FFFFFF;
    width: 700px;
    /*   border:10px solid #eaeaea; */ 
}

#form, #form-email, #form-dir, #form-reg, #pass-olvidado, #form-paypal {
    padding: 10px;  
}

#form .field, #form-email .field, #form-dir .field, #form-reg .field, #pass-olvidado .field, #form-paypal .field{
    margin-bottom:15px; 
}

#form label, #form-email label, #form-dir label, #form-reg label, #pass-olvidado label, #form-paypal label{   
    display: block; 
    float: left; 
    font-weight: bold; 
    margin-right:10px; 
    text-align: right; 
    width: 180px; 
    line-height: 35px; 
    font-size:14px;
    cursor: pointer;    
} 

#form .checkbox, #form-email checkbox, #form-dir checkbox, #form-reg checkbox, #pass-olvidado checkbox, #form-paypal checkbox{ 
    margin-top:10px;    
}

#form .input, .textarea, #form-email .input, #form-dir .input, #form-reg .input, #pass-olvidado .input, #form-paypal .input{                
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; 
    background-color: #eaeaea;
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #f2f2f2));
    border: 1px solid #cacaca;
    font-family: inherit;       
    color: #797979;
    font-size: 10px;    
    padding: 8px 10px;
    width: 300px;
    font-weight: bold;  
}

#form .state, #form-email .state, #form-dir .state, #form-reg .state, #pass-olvidado .state, #form-paypal .state{   
    border: 1px solid #b9bdc1; 
    padding: 5px; 
    font-size: 15px; 
    font-family: inherit;       
    font-weight: bold;
    color: #797979; 
}

#form :focus, #form-email :focus, #form-dir :focus, #form-reg :focus, #pass-olvidado :focus, #form-paypal :focus{   
    -webkit-box-shadow: 0px 0px 4px #aaa;
    -moz-box-shadow: 0px 0px 4px #aaa; 
    box-shadow: 0px 0px 4px #aaa; 
}

#form .gender-fields, #form-email .gender-fields, #form-dir .gender-fields, #form-reg .gender-fields, #pass-olvidado .gender-fields, #form-paypal .gender-fields{
    padding-top:10px;
}

#form  span.error, #form-email span.error, #form-dir span.error, #form-reg span.error, #pass-olvidado span.error, #form-paypal span.error{     
    color:red;
    padding-left:10px;
}

#form .info, #form-email .info, #form-dir .info, #form-reg .info, #pass-olvidado .info, #form-paypal .info{    
    margin-left:130px;  
    font-size: 12px;
    font-style:italic;
    color: #999;
}

#form .submit, #form-email .submit, #form-dir .submit, #form-reg .submit, #pass-olvidado .submit, #form-paypal .submit{
    -moz-border-radius: 15px;   
    -webkit-border-radius: 15px;
    font-family: arial,verdana,sans-serif;      
    background-color: #dedede;
    background: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #eaeaea));
    border: 1px solid #dedede;
    color: #484848;
    font-size:14px;
    font-weight: bold;
    padding: 8px 10px;
    cursor: pointer; 
    margin-left:220px;
}

/*-- Table design to display data in success view --*/
#display_data{
    padding:10px;
}

#display_data .name{
    font-style: italic;
    text-decoration:underline;
}

#display_data table{    
    border:1px solid #e5eff8;   
    margin:10px 0px;
    border-collapse:collapse;
}

#display_data tr.even{  
    background:#f7fbff
}

#display_data tr.odd .title {
    background:#f4f9fe;
}

#display_data td {
    border-bottom:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    color:#678197;
    padding:5px 8px;
}

#display_data td.title{
    font-weight: bold;
    width:100px;
    text-align:right;
}

#display_data td.info{
    font-style: italic;
    width:200px;
}

#footer {
    width:60%;
    margin:20px auto;

}

/* OTROS */
#informacion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#informacion span a {
    text-decoration: none;
    color: #B80A0E;
}

#informacion span a:hover{
    text-decoration: underline;
}

#informacion .negrita {
    font-weight: bold;
}

